<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>ckplayer</title>

    <style type="text/css">
        body {
            margin: 0;
            padding: 0px;
            font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
            font-size: 18px;
        }
        p{
            padding-left: 2em;
        }
    </style>

</head>

<body>
<div id="video" style="width: 100%; height: 400px;max-width: 600px; float: right"></div>
<script type="text/javascript" src="./ckplayer/ckplayer.js"></script>
<!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/p2p-ckplayer@0.2.0/ckplayer/ckplayer.min.js" charset="UTF-8"></script>-->
<script src="//cdn.jsdelivr.net/npm/vconsole@latest"></script>
<script type="text/javascript">
    var videoObject = {
        container: '#video', //容器的ID或className
        variable: 'player', //播放函数名称
        loop: false, //播放结束是否循环播放
        autoplay: true,
        html5m3u8: true,
        video: 'http://cn1.ruioushang.com/hls/20190824/6bbb04d6e14df9b331cf88409a8846c6/1566615719/index.m3u8',//视频地址
        //flashplayer:true,
        debug:true,

    };
    var player = new ckplayer(videoObject);

    var vConsole = new VConsole();


</script>
<p>欢迎使用ckplayer，当前版本：X1，<a href="http://www.ckplayer.com/" target="_blank">官网</a>，<a href="http://www.ckplayer.com/manualX/" target="_blank">帮助手册</a></p>
<p><a href="sample/index.html" target="_blank">全功能演示</a></p>
<p><a href="sample/iframe.html" target="_blank">使用框架播放演示</p>
<p><a href="sample/flashplayer.html" target="_blank">仅flashplayer播放演示</p>
<p><a href="sample/h5.html" target="_blank">仅H5播放演示</p>
<p><a href="sample/rtmp.html" target="_blank">RTMP播放示例</p>
<p><a href="sample/ios.html" target="_blank">在各平台统一播放器风格</p>
<p><a href="sample/dm.html" target="_blank">弹幕演示</p>
<p><a href="sample/adother.html" target="_blank">单独配置广告，支持角标广告和片头贴片，中插，结束广告，暂停广告</p>
<p><a href="http://www.ckplayer.com/" target="_blank">更多演示</p>
</body>

</html>